import React, { Component } from 'react';

class Category extends Component {
  state = {  };

  render() {
    return (
      <div>
        <ul>
          <li><Link to={`${match.url}/shoes`}>Shoes</Link></li>
          <li><Link to={`${match.url}/boots`}>Boots</Link></li>
          <li><Link to={`${match.url}/footwear`}>Footwear</Link></li>
        </ul>
        <Route path={`${match.path}/:name`} render={({match}) => (
          <div>
            <h3>{match.params.name}</h3>
          </div>
        )} />
      </div>
    );
  }
}

export default Category;